<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购注册页面</title>
    <!-- 引入favicon图标 -->
    <!-- 引入我们初始化的css -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入我们登录页面的Css -->
    <link rel="stylesheet" href="./css/register.css">
     <!-- 引入正则表达式的文件 -->
     <script src="./js/reg.js"></script> 
</head>
<body>
    <div class="w">
        <header>
            <div class="logo">
                <a href="index.html">
                <img src="./images/logo.jpg" alt="">
                </a>
            </div>
        </header>
        <div class="registerarea">
            <h3>注册新用户
                <div class="login">
                    我有账号，去<a href="#" aria-label="Read more about Seminole tax hike" class="style_red">登录</a>
                </div>
            </h3>
            <div class="reg_form">
                <form action="#">
                    <ul>
                        <li> 
                            <label>手机号:</label> 
                            <input type="text" id="tel" class="inp"><span class=""><i></i></span>   
                        </li>
                        <li> 
                            <label>验证码:</label> <input type="text" id="textpassword"class="inp"><span><i></i></span>   
                        </li>
                        <li> 
                            <label>登录密码:</label> <input type="password" id="firstname2"class="inp"><span><i></i></span>   
                        </li>
                        <li class="safe">安全程度 <em class="ruo">弱</em ><em class="zhong">中</em><em class="qiang">强</em></li>
                        <li> 
                            <label>确认密码:</label> <input type="password" id="surepassword"class="inp"><span></span>   
                        </li>
                        <li class="agree"> <input type="checkbox"/>同意并注册协议<a href="#">《同意用户协议》</a></li>  
                        <li>
                            <input type=" submit" value="完成注册" class="btn">
                        </li>
                    </ul>
                </form>
            </div>
        </div>
        <footer class="footer">
            <div class="w">
            <!-- mod-copyright版权模块制作start -->
        <div class="mod-copyright">
            <div class="links">
                关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U
            </div>
            <div class="copyright">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                京ICP备08001421号京公网安备110108007702
            </div>
        </div>
        <!-- mod-copyright版权模块制作end-->
            </div>
        </footer>
        <!-- footer底部模块end -->
    </div>
</body>

</html>